<script>
export default {
  name: 'TestDemo',
  props: {
    option: Array
  },
  // render('组件名称'，''属性对象'，[...子节点])
  // template节点里里面的东西，编译成render函数，执行render函数，可以拿到虚拟dom
  // render函数可以渲染结构
  render(h) {
    return h(
      'div',
      null,
      this.option.map((item) =>
        h(item.type, {
          props: {
            value: item.value
          }
        })
      )
    )
  }
  // 通过jsx渲染页面
  // js写页面结构
  // render() {
  //   return (
  //     <div>
  //       {this.option.map((item) => (
  //         <item.type value={item.value} />
  //       ))}
  //     </div>
  //   )
  // }
}
</script>
